<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <title>订单确认</title>
    <link rel="stylesheet" href="../librarys/font-awesome-4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../styles/css-mb.css">
</head>
<body>
    <!--订单个人信息-->
    <div class="order-confirmation-head">
        <form>
            <div class="order-input">
                <label for="exampleInputEmail1" class="order-confirmation-head-label">姓名</label>
                <input type="text" class="form-control order-input-placeholder order-confirmation-head-input" id="exampleInputEmail1" placeholder="请输入真实的姓名">
            </div>
            <div class="order-input">
                <label for="exampleInputEmail2" class="order-confirmation-head-label">手机号码</label>
                <input type="tel" class="form-control order-input-placeholder order-confirmation-head-input" id="exampleInputEmail2" placeholder="请输入常用的手机号码">
            </div>
        </form>
        <div class="index-line"></div>
    </div>
    <!--订单信息-->
    <div class="order-confirmation-container">
        <ul>
            <li>
                <div class="order-confirmation-list">
                    <!--左-->
                    <div class="order-confirmation-list-left">
                        <div class="order-confirmation-list-left-img">
                            <a href="detail-mb.html"><img src="../images/detail-img3.jpg"></a>
                        </div>
                    </div>
                    <!--右-->
                    <div class="order-confirmation-list-right">
                        <div class="order-confirmation-list-right-txt">
                            <p>婚礼摄影跟拍单机位</p>
                            <p>PIXELFILM婚礼摄影工作室<span>¥3999</span></p>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="order-confirmation-list">
                    <!--左-->
                    <div class="order-confirmation-list-left">
                        <div class="order-confirmation-list-left-img">
                            <a href="detail-mb.html"><img src="../images/detail-img3.jpg"></a>
                        </div>
                    </div>
                    <!--右-->
                    <div class="order-confirmation-list-right">
                        <div class="order-confirmation-list-right-txt">
                            <p>婚礼摄影跟拍单机位</p>
                            <p>PIXELFILM婚礼摄影工作室<span>¥3999</span></p>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <!--合计-->
        <div class="order-confirmation-all">
            <span>合计：<i>¥3999</i></span>
        </div>
    </div>
    <!--底部固定导航条-->
    <div class="shop-foot">
        <span class="order-confirmation-foot-money">实付金额：¥3999</span>
        <a href="pay-mb.html" class="shop-foot-order">付款</a>
    </div>
</body>
</html>